<!doctype html>
<html lang="zh-CN">
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="zh-cmn-Hans"> <!--<![endif]-->
    <head>
    	<title>孝顺帮</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="description" content="孝顺帮" />
        <meta name="keywords" content=""/>
        <meta name="description" content="" />
        <meta name="viewport" content="width=device-width,maximum-scale=1.0,initial-scale=1, user-scalable=no" />
        <meta name="renderer" content="webkit|ie-comp|ie-stand" />
        <meta http-equiv="Pragma" content="no-cache" /> 
        <meta http-equiv="Cache-Control" content="no-cache, must-revalidate"/>
		<link rel="shortcut icon" href="img/icon.png" type="image/x-icon">
		<meta http-equiv="Expires" content="0" /> 
		<meta name="fragment" content="!" />
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true" />
		<!-- 微软的老式浏览器 -->
		<meta name="MobileOptimized" content="320" />
		<!-- uc强制竖屏 -->
		<meta name="screen-orientation" content="portrait" />
		<!-- QQ强制竖屏 -->
		<meta name="x5-orientation" content="portrait" />
		<!-- UC强制全屏 -->
		<meta name="full-screen" content="yes" />
		<!-- QQ强制全屏 -->
		<meta name="x5-fullscreen" content="true" />
		<!-- UC应用模式 -->
		<meta name="browsermode" content="application" />
		<!-- QQ应用模式 -->
		<meta name="x5-page-mode" content="app" />
		<!-- windows phone 点击无高光 -->
		<meta name="msapplication-tap-highlight" content="no" />
             
		<link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/main.css">
        
        <link rel='stylesheet' type="text/css" href="css/fit.css" media='screen and (max-width: 767px)' /> 
        <link rel='stylesheet' type="text/css" href="css/maxfit.css" media='screen and (min-width: 1200px)' /> 
        <script src="js/modernizr-2.8.3.min.js"></script>
        <script src="js/jquery-3.2.1.min.js" type="text/javascript"></script>
         <script src="js/common.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/bootstrap-hover-dropdown.js" type="text/javascript"></script>
         <!--[if lte IE 10]><script>window.location.href='http://cdn.dmeng.net/upgrade-your-browser.html?referrer='+location.href;</script><![endif]-->
    </head>
    <body>
        <nav class="webHeader navbar navbar-default navbar-fixed-top top_bar">
            <div class='topLine'></div>
            <div class="container" >
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand logo" id='topHome'>
                        <img src="img/logo.png" class='img-responsive' alt='孝顺帮'/>
                    </a>
                </div>

                <div id="navbar" class="navbar-collapse collapse navbarPer">
                    <div class="row">
                        <ul class="nav navbar-nav nav_bar" style="padding-left: 80px;">
                            <li><a class="slt" id="div1"><span>首页</span></a></li>
                            <li><a id="div2"><span>公司简介</span></a></li>
                            <li><a id="div3"><span>公司新闻</span></a></li>
                            <li><a id="div4"><span>走进孝顺帮</span></a></li>
                            <li><a id="div5"><span>企业文化</span></a></li>
                            <li><a id="div6"><span>企业微博</span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
        <div class="banner">
            <img class="bgimg" src="img/banner.png">
            <img class="play" src="img/play.png">
        </div>
        <div class="product row" style="margin: -1px;">
            <div class="col-xs-12 col-md-3" style="padding: 0;">
                <img class="proImg" src="img/product1.png">
                <div class="desc">
                    微信公众号
                    <br><img src="img/more.png">
                </div>
            </div>
            <div class="col-xs-12 col-md-3" style="padding: 0;">
                <img class="proImg" src="img/product2.png">
                <div class="desc">
                    小程序商城
                    <br><img src="img/more.png">
                </div>
            </div>
            <div class="col-xs-12 col-md-3" style="padding: 0;">
                <img class="proImg" src="img/product3.png">
                <div class="desc">
                    微信服务号
                    <br><img src="img/more.png">
                </div>
            </div>
            <div class="col-xs-12 col-md-3" style="padding: 0;">
                <img class="proImg" src="img/product4.png">
                <div class="desc">
                    质量保证
                    <br><img src="img/more.png">
                </div>
            </div>
        </div>
        <div class="news container row">
            News / 品牌活动
            <div class="news_tab">
                <div>公司新闻</div>
                <div>行业最新咨询</div>
                <div>精彩传真</div>
            </div>
            <div class="col-xs-12 col-md-4">
                <div class="newsList" style="background: #113126;">
                    <img class="newsImg" src="img/news1.png"></img>
                    <div class="newCon row" style="margin: 0;">
                        <div class="col-xs-9 col-md-9" style="padding: 0;height:100%;">
                            <div class="title" style="color: #fff">养老行业大变革，这些政策你知道.....</div>
                            <div class="title2" style="color: #fff">国务院总理李克强昨日召开民政会议，商定了关于未来养老行业发展的...</div>
                        </div>
                        <div class="col-xs-3 col-md-3" style="padding: 0;height:100%;border-left:1px solid #e1e1e1;">
                            <div class="date_MD" style="color: #fff">09-08</div>
                            <div class="date_Y" style="color: #fff">2018</div>
                            <div class="newBtn" style="color: #fff;background-image: url(img/right2.png);"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-4">
                <div class="newsList">
                    <img class="newsImg" src="img/news2.png"></img>
                    <div class="newCon row" style="margin: 0;">
                        <div class="col-xs-9 col-md-9" style="padding: 0;height:100%;">
                            <div class="title">险企加快布局养老产业链 打法各...</div>
                            <div class="title2">2018年9月29日，泰康人寿在广西南宁成功竞得兴宁区三塘地块，该地块占地约228亩......</div>
                        </div>
                        <div class="col-xs-3 col-md-3" style="padding: 0;height:100%;border-left:1px solid #e1e1e1;">
                            <div class="date_MD">09-29</div>
                            <div class="date_Y">2018</div>
                            <div class="newBtn"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-4">
                <div class="newsList">
                    <img class="newsImg" src="img/news3.png"></img>
                    <div class="newCon row" style="margin: 0;">
                        <div class="col-xs-9 col-md-9" style="padding: 0;height:100%;">
                            <div class="title">50后的养老观：不再排斥养老院</div>
                            <div class="title2">随着老龄人口的增多以及政府对老龄人口养老的重视，人们对养老的认识也在逐年发生转变...</div>
                        </div>
                        <div class="col-xs-3 col-md-3" style="padding: 0;height:100%;border-left:1px solid #e1e1e1;">
                            <div class="date_MD">09-08</div>
                            <div class="date_Y">2018</div>
                            <div class="newBtn"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
             //Mobile List Hide
            function mobileHideTopBanner(){
                $("#navbar .row ul li a").removeClass("slt");
                $("#navbar").removeClass('in').attr("aria-expanded","false");
                $("webHeader .container .navbar-header button").addClass("collapsed").attr("aria-expanded","false");
            }

            $(document).ready(function() {



                // $("#topHome").click(function() {
                //     mobileHideTopBanner();
                //     $("html, body").animate({
                //     scrollTop: $(".bodyInfo").offset().top -64}, {duration: 200,easing: "swing"});
                //     return false;
                // });   
                // $("#div1").click(function() {
                //      mobileHideTopBanner();
                //     $("html, body").animate({
                //     scrollTop: $(".aboutUs").offset().top -64}, {duration: 200,easing: "swing"});
                //     $(this).addClass('slt');
                //     return false;
                // });
                // $("#div2").click(function() {
                //      mobileHideTopBanner();
                //     $("html, body").animate({
                //     scrollTop: $(".service").offset().top -64}, {duration: 200,easing: "swing"});
                //     $(this).addClass('slt');
                //     return false;
                // });
                // $("#div3").click(function() {
                //      mobileHideTopBanner();
                //     $("html, body").animate({
                //     scrollTop: $(".advantage").offset().top -64}, {duration: 200,easing: "swing"});
                //     $(this).addClass('slt');
                //     return false;
                // });
                // $("#div4").click(function() {
                //      mobileHideTopBanner();
                //     $("html, body").animate({
                //     scrollTop: $(".ziyuan").offset().top -64}, {duration: 200,easing: "swing"});
                //     $(this).addClass('slt');
                //     return false;
                // });
                // $("#div5").click(function() {
                //      mobileHideTopBanner();
                //     $("html, body").animate({
                //     scrollTop: $(".shili").offset().top -64}, {duration: 200,easing: "swing"});
                //     $(this).addClass('slt');
                //     return false;
                // });
                // $("#div6").click(function() {
                //      mobileHideTopBanner();
                //     $("html, body").animate({
                //     scrollTop: $(".contactUs").offset().top -64}, {duration: 200,easing: "swing"});
                //     $(this).addClass('slt');
                //     return false;
                // });
            });


        </script>
    </body>
</html>
